<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Your shopping cart</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/menu.css"/>
<link rel="stylesheet" type="text/css" href="css/button.css"/>
</head>

<body>
    <div id="container">
    	<div id="header">
        	<div id="logo">
            	<img src="images/logo_top.gif" width="500" height="62" alt="logo" />
            </div>
            <div id="login">
				<br/><span class="loginText" style="width:100%">Welcome username</span>
                <br/><a class="loginText" style="width:100%;color:#F60;text-align:right;" href="#">Log out</a>
            </div>
    	</div>
        <div id="banner">
       	  <img src="images/banner2.jpg" name="bannerImg" width="760" height="210" id="bannerImg" />
        </div>
		<div id="menu">
        	<ul class="navigation">
                <li><a href="index.html"><em class="home"></em><b>Home</b></a></li>
                <li><a href="news.jsp"><em class="templates"></em><b>News</b></a></li>
                <li><a href="user.html"><em class="psd"></em><b>User</b></a></li>
                <li><a href="catalogue.html"><em class="tutorials"></em><b>Catalogue</b></a></li>
                <li class="current"><a href="shoppingcart.html"><em class="shop"></em><b>Shopping cart</b></a></li>
                <li><a href="contact.html"><em class="contact"></em><b>Contact Us</b></a></li>
            </ul>
      	</div>
      
        <div id="main">
        	<span class="searchText" style="width:100%;color:yellow">YOUR SHOPPING CART</span><br/><br/>
        	<table width="100%" border="1">
              <tr>
                <th scope="col">Image</th>
                <th scope="col">Description</th>
                <th scope="col">Price</th>
                <th scope="col">Quality</th>
                <th scope="col">Total</th>
                <th scope="col"></th>
              </tr>
              <tr>
                <td style="width:25%"><img src="images/car1.jpg" width="100%" height="100" /></td>
                <td style="width:40%">Model: RACS <br/>
                    Top speed: 200km/h <br/>
                    Accelebration: 9,9m/s <br/> </td>
                <td style="width:10%">20000</td>
                <td style="width:5%">2</td>
                <td style="width:10%">40000</td>
                <td style="width:5%"><a href="#">Remove</td>
              </tr>
              <tr>
                <td style="width:25%"><img src="images/car2.jpg" width="190" height="100" /></td>
                <td style="width:40%">
                	Model: RACS <br/>
                    Top speed: 200km/h <br/>
                    Accelebration: 9,9m/s <br/>
                </td>
                <td style="width:10%">15895</td>
                <td style="width:5%">1</td>
                <td style="width:10%">15895</td>
                <td style="width:5%"><a href="#">Remove</td>
              </tr>
            </table>
            <div style="float:right;padding:30px;">
                <button class="rounded"><span>Purchase</span></button>
                <button class="rounded"><span>Remove all item</span></button>
            </div>
        </div>
        <div id="footer" class="navigation">
            <span style="margin-top:10px">Copyright by LocHT. All right reserved.</span>
        </div>
    </div>
</body>
</html>
